<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <title>Title</title>
    <script src="static/jquery/jquery-3.1.0.min.js"></script>
</head>
<body>
<p id="test">这是段落中的<b>粗体</b>文本。</p>
<button id="btn1">显示文本</button>
<button id="btn2">显示html</button>
<p>名称：<input type="text" id="input" value="hello" ></p>
<button id="btn3">显示值</button>
</body>
<script>
    $(document).ready(function () {
        $("#btn1").click(function () {
            alert("text:" + $("#test").text());//text()方法返回所选元素的文本内容。
        });//end click
        $("#btn2").click(function () {
            alert("text:" + $("#test").html());//html()方法返回锁选元素的内容，含html标签
        });//end click
        $("#btn3").click(function () {
            alert("值为：" + $("#input").val()); //val()方法获取输入的值
        });//end click
    });//end ready
</script>
</html>